/*  This is a blue theme */

.logobkgnd {
	background-image: url("Microsoft Blue/login_header.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 80px;
}

/*   The header class is used for titles  */
.maxheader {
    font-size : 14pt;
	line-height:150%;
	font-weight: bold;
	color: #717171;   /* a dark gray color for page titles  */
}

/*    The background color for control panels   */
div#maxbuttons  {
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
	color: white;
    background-color:#4573C9;    /* blue-ish  */
    font-size : 10pt;
    padding: 0;
    margin:0;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.primecolor {
	background-color:#4573C9;    /* blue-ish  */
}

.primetextcolor {
	color:white; 
}

.maintextcolor {
	color:#4573C9;    /* blue-ish  */
}

.bubblelook {
	border: 2px solid #4573C9;    /* blue-ish  */
    background-color:white;
}



/*  maxsheet is the color of fonts and backgrounds on control panel rows   */

.maxsheet  th {
	color: #000000;
	background-color: #4573C9;    /* blue-ish  */
    padding:4px;
    border: 2px solid #4573C9;    /* blue-ish  */
    font-weight : normal; 
}

.maxsheet  tr {
	color: #000000;
	background-color: white;
}

.maxsheet  td {
    padding:4px;
    border: 1px solid #AACCEE;    /* lightblue  */
}



/* whitelinks are link colors in a blue background */
.whitelinks th, .whitelinks td, .whitelinks a:link, .whitelinks a:visited {
   color: white;
}
 
.whitelinks a:hover {
   color: yellow;
}



.maxprime {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
    background-color:#4573C9;    /* blue-ish  */
}

.maxprime a:link, .maxprime a:visited {
   color: white;
}

.maxprime a:hover {
   color: yellow;
}

.fieldnames{
   color: black;
}


.maxcontenthead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #4573C9;    /* blue-ish  */
	font-size : 10pt;
}


.maxcontenthead a:link, .maxcontenthead a:visited {
   color: white;
}
 
.maxcontenthead a:hover {
   color: yellow;
}

.maxheading {
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13pt;
	font-weight: bold;
	color: #4573C9;    /* blue-ish  */
}


.maxbackground {
  background-color: #4573C9;    /* blue-ish  */
  color: white;
}


.maxbordback {
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #4573C9;    /* blue-ish  */
  color: white;
  	-moz-border-radius: 15px;
	border-radius: 15px;
}


.maxbbline {
	text-align:left;
	border:4px solid #4573C9;    /* blue-ish  */
	padding:6px;
}


.maxbackground a:link, .maxbackground a:visited, .maxbordback a:link, .maxbordback a:visited {
   color: white;
}
 
.maxbackground a:hover, .maxbordback a:hover {
   color: yellow;
}


.maxbkgnd {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
    background-color:#4573C9;    /* blue-ish  */
  	-moz-border-radius: 15px;
	border-radius: 15px;
}


.attendbkgnd {                          /* attendance management rounded corners box  */
    background-color:#AACCEE;   /*light blue   */
}


.fancybutton {
		    background-color: #4573C9;    /* blue-ish  */
            font-size:10px;
		    background: -webkit-gradient(linear, left top, left bottom, from(#4573C9), to(#AACCEE));
			background: -webkit-linear-gradient(top, #4573C9, #AACCEE);
			background: -moz-linear-gradient(top, #4573C9, #AACCEE);
			background: -o-linear-gradient(top, #4573C9, #AACCEE);
			background: linear-gradient(top, #4573C9, #AACCEE);
		    background: -ms-linear-gradient(bottom, #4573C9 5%, #AACCEE 100%);
		    color: white;
		    border:2px groove navy; 
		    padding: 2px;
		    -moz-border-radius: 4px;
		    border-radius: 4px;
		    -webkit-border-radius: 4px;
		    cursor: pointer;
			-webkit-box-shadow: 2px 3px 2px #d1d1d1;
			-moz-box-shadow: 2px 3px 2px #d1d1d1;
			box-shadow: 2px 3px 2px #d1d1d1;
}


.attribute-button {
		   font-family: "Lucida Sans",Verdana, Arial, sans-serif;
		   font-size:18px;
		   color: white;
		   cursor:pointer;
		   height: 80px;
		   font-weight:bold;
		   padding-left:8px;
		   border: 1px solid black;
		   -moz-border-radius: 10px;
		   -webkit-border-radius: 10px;
		   border-radius: 18px;
		  text-decoration: none;
		   background: #4573C9;
		   background: -moz-linear-gradient(#4573C9,#fff);
		   background: -webkit-linear-gradient(#4573C9,#fff);
		   background: -o-linear-gradient(#4573C9,#fff);
		   background: -ms-linear-gradient(#4573C9,#fff);/*For IE10*/
		   background: linear-gradient(#4573C9,#fff);
		   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4573C9', endColorstr='#ffffff');/*For IE7-8-9*/ 
}

.largeFont {
		   font-size:20px;
}

.largeButton { 
		background-color: #4573C9;
		font-size:18px;
		background: -webkit-gradient(linear, left top, left bottom, from(#4573C9), to(white));
		background: -webkit-linear-gradient(top, #4573C9, white);
		background: -moz-linear-gradient(top, #4573C9, white);
		background: -o-linear-gradient(top, #4573C9, white);
		background: linear-gradient(top, #4573C9, white);
		background: -ms-linear-gradient(bottom, #4573C9 5%, white 100%);
		color: white;
		border:2px groove black; 
		padding: 2px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		cursor: pointer;
		-webkit-box-shadow: 2px 3px 2px #d1d1d1;
		-moz-box-shadow: 2px 3px 2px #d1d1d1;
		box-shadow: 2px 3px 2px #d1d1d1;
}

.largeButton:hover {
	background: yellow;
	color: white;
}

.topbar {
	background-image: -moz-linear-gradient(top,#FFFFFF 0%,#4573C9 100%);
	background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#4573C9 100%);
	background-image: -o-linear-gradient(top,#FFFFFF 0%,#4573C9 100%);
	background-image: linear-gradient(top, #4573C9, white);
	background-image: -ms-linear-gradient(bottom, #4573C9 5%, white 100%);
}


.rightline {
	border-right:8px solid #4573C9;
}